.sjkh {
  background: #f2f3f5;
}
.top {
  width: 117.5rem;
  height: 4.44rem;
  margin: 0 auto;
  background: #fff;
  text-align: center;
  line-height: 4.44rem;
  font-size: 2.38rem;
  color: #333333;
  font-weight: 400;
}
.next {
  width: 117.5rem;
  height: 17.88rem;
  margin: 0.94rem auto;
  display: flex;
  justify-content: space-between;
}
.cj {
  width: 58.13rem;
  height: 17.88rem;
  background: #fff;
}
.title {
  width: 100%;
  height: 3.13rem;
  line-height: 3.25rem;
  font-size: 1.5rem;
  font-weight: 800;
  display: flex;
  align-items: center;
}
.titleImg {
  width: 1.5rem;
  height: 1.5rem;
  background: url(../sjffimg/模块标题icon.png) no-repeat;
  background-size: 100% 100%;
  margin-left: 1.25rem;
  margin-right: 0.94rem;
}
.context {
  width: 55.63rem;
  height: 13.88rem;
  font-size: 1.08rem;
  margin-left: 1.25rem;
  margin-top: 0.94rem;
  background: url(../sjffimg/场景介绍bg.png) no-repeat;
  background-size: 100% 100%;
}
.context p {
  margin-left: 1.25rem;
  margin-top: 1.5rem;
  font-size: 1.05rem;
}
.context mark {
  font-size: 1.13rem;
  color: #1693ff;
  background: none;
}
.text {
  width: 45.38rem;
  height: 5.5rem;
  text-indent: 2em;
  line-height: 1.75rem;
  margin-left: 1.25rem;
}
.zb {
  width: 58.13rem;
  height: 17.88rem;
  background: #fff;
}
.con {
  width: 58.13rem;
  height: 14.38rem;
  margin-left: 0.65rem;
  display: flex;
  justify-content: space-between;
}
.kh {
  flex: 4;
  margin-top: 0.63rem;
}
.ss {
  width: 20.75rem;
  height: 5.63rem;
  display: flex;
  justify-content: space-between;
}
.khpc {
  width: 10rem;
  height: 5.63rem;
  border: 0.06rem solid #eeeeee;
}
.con p {
  margin-left: 0.94rem;
  margin-top: 0.63rem;
  font-size: 1rem;
  color: #333333;
  font-weight: 400;
}
.sjdw {
  width: 10rem;
  height: 5.63rem;
  border: 0.06rem solid #eeeeee;
}
.con mark {
  background: none;
  font-size: 1.5rem;
  color: #1492ff;
  font-weight: 600;
  margin-right: 0.3rem;
}
.con span {
  font-size: 0.88rem;
  color: #999999;
}
.xx {
  width: 20.75rem;
  height: 5.63rem;
  margin-top: 0.94rem;
  border: 0.06rem solid #eeeeee;
  display: flex;
  justify-content: space-between;
}
.rs {
  flex: 4;
}
.dw {
  flex: 3;
  background: url(../sjffimg/机关单位数据bg.png) no-repeat;
  background-size: 100% 100%;
}
.pt {
  flex: 3;
  background: url(../sjffimg/机关单位数据bg.png) no-repeat;
  background-size: 100% 100%;
}
.tjs {
  flex: 6;
  margin-top: 0.56rem;
  margin-left: -1.2rem;
}
.tj {
  width: 26rem;
  height: 2.25rem;
  line-height: 2.25rem;
  display: flex;
  justify-content: space-between;
}
.active {
  background-image: linear-gradient(
    121deg,
    #81c2ff 1%,
    #1492ff 100%
  ) !important;
  color: #ffffff !important;
  font-weight: 600 !important;
}
/* .jgbm {
    width: 12rem;
    height: 2.25rem;
    background-image: linear-gradient(121deg, #81c2ff 1%, #1492ff 100%);
    border-radius: 0.13rem;
    font-size: 1rem;
    color: #ffffff;
    letter-spacing: 0;
    text-align: center;
    font-weight: 600;
    cursor: pointer;
} */
.zjpt {
  width: 12.69rem;
  height: 2.25rem;
  background: #e8e8e8;
  border-radius: 0.13rem;
  font-size: 1rem;
  color: #666666;
  letter-spacing: 0;
  text-align: center;
  font-weight: 500;
  cursor: pointer;
}
#charts1 {
  width: 100%;
  height: 11.88rem;
}
#charts4 {
  width: 100%;
  height: 11.88rem;
}
.task {
  width: 117.5rem;
  height: 23.25rem;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
}
.qd,
.qk,
.jg {
  width: 38.31rem;
  height: 23.25rem;
  background: #ffffff;
}
.list {
  width: 35.81rem;
  height: 20rem;
  margin: 0 auto;
}
.list li {
  width: 35.72rem;
  height: 4.69rem;
  border-bottom: 0.06rem solid #eee;
  display: flex;
}
.qdIcon {
  width: 1.05rem;
  height: 1.25rem;
  background: url(../sjffimg/任务清单icon.png) no-repeat;
  background-size: 100% 100%;
  margin-top: 0.9rem;
}
.txt {
  width: 34rem;
  height: 4.69rem;
  margin-left: 0.7rem;
  position: relative;
}
.list p {
  height: 2rem;
  margin-top: 0.9rem;
  font-size: 1rem;
  letter-spacing: 0;
  color: #333;
  cursor: pointer;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.p2 {
  width: 34rem;
  height: 6rem !important;
  position: absolute;
  top: -0.1rem;
  left: 0;
  background: pink;
  display: none;
}
.txt:hover .p2 {
  display: block;
  margin-top: -0.05rem;
  text-overflow: inherit;
  overflow: visible;
  white-space: pre-line;
}
.list .ming {
  font-size: 0.87rem;
  color: #999;
}
.qk #charts2 {
  width: 100%;
  height: 20rem;
}
.jg .ranking {
  width: 35.69rem;
  height: 20rem;
  margin: 0 auto;
  overflow-y: scroll;
}
.jg .el-table-column /deep/ {
  font-weight: 400;
  font-size: 1rem;
  color: #333333;
}
.then {
  width: 117.5rem;
  height: 23.25rem;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  margin: 0.94rem auto;
}
.jd,
.main {
  width: 58.06rem;
  height: 23.25rem;
  background: #fff;
}
.ccc {
  width: 55.63rem;
  height: 18.75rem;
  margin: 0.63rem auto;
}
.tab {
  width: 31.88rem;
  height: 2.25rem;
  display: flex;
  justify-content: space-between;
}
.tab div {
  width: 10rem;
  height: 2.25rem;
  font-size: 1rem;
  text-align: center;
  line-height: 2.25rem;
  background: #e8e8e8;
  border-radius: 0.13rem;
}
.tab div:nth-child(1) {
  color: #fff;
  background-image: linear-gradient(121deg, #81c2ff 1%, #1492ff 100%);
}
.tubiao {
  width: 55.63rem;
  height: 17.88rem;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
}
#charts3 {
  flex: 4;
}
.will {
  width: 33.13rem;
  margin-top: 3.13rem;
  flex: 6;
}
.head {
  width: 33.13rem;
  height: 3.13rem;
  line-height: 3.13rem;
  font-size: 1rem;
}
.head p {
  color: #333;
  font-weight: 700;
}
.dwmcBox {
  width: 33.13rem;
  height: 9.13rem;
  background: #f7f8fa;
  box-sizing: border-box;
  /* display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-around; */
  padding: 0.63rem;
}
.dwmc {
  width: 7.31rem;
  height: 2rem;
  font-size: 0.88rem;
  background: #fff;
  text-align: center;
  line-height: 2rem;
}
.bdImg {
  width: 56.25rem;
  height: 20rem;
  background: url(../sjffimg/总体架构图.png) no-repeat;
  background-size: 100% 100%;
  margin: 0 auto;
}
.progress {
  width: 117.5rem;
  height: 21.25rem;
  background: #ffffff;
  margin: 0 auto;
}
.xBox {
  width: 115rem;
  height: 17rem;
  margin: 0.31rem auto;
  display: flex;
  justify-content: space-between;
}
.one {
  width: 23.69rem;
  height: 16.88rem;
  margin-left: -0.31rem;
}
.num {
  width: 22.25rem;
  height: 2.88rem;
  text-align: center;
  background: url(../sjffimg/进度-默认环节上.png) no-repeat;
  background-size: 100% 100%;
}
.nums {
  background: url(../sjffimg/进度-当前环节上.png) no-repeat;
  background-size: 100% 100%;
}
.num1 {
  width: 1.69rem;
  height: 1.88rem;
  background: url(../sjffimg/01.png) no-repeat;
  background-size: 100% 100%;
  margin-left: 11.25rem;
}
.num2 {
  background: url(../sjffimg/02.png) no-repeat;
  background-size: 100% 100%;
}
.num3 {
  background: url(../sjffimg/03备份.png) no-repeat;
  background-size: 100% 100%;
}
.num4 {
  background: url(../sjffimg/04.png) no-repeat;
  background-size: 100% 100%;
}
.num5 {
  background: url(../sjffimg/05.png) no-repeat;
  background-size: 100% 100%;
}
.plan {
  width: 23.69rem;
  height: 3.13rem;
  line-height: 3.13rem;
  text-align: center;
  font-size: 1.13rem;
  color: #ffffff;
}
.plan1 {
  background: url(../sjffimg/进度-区委组织部.png) no-repeat;
  background-size: 100% 100%;
}
.plan2 {
  background: url(../sjffimg/进度-区级各部门、镇街.png) no-repeat;
  background-size: 100% 100%;
}
.plan3 {
  background: url(../sjffimg/进度-当前环节-主结构.png) no-repeat;
  background-size: 100% 100%;
}
.plan4 {
  background: url(../sjffimg/进度-区委改革办.png) no-repeat;
  background-size: 100% 100%;
}
.plan5 {
  width: 22.19rem;
  background: url(../sjffimg/进度-区委改革办区委组织部.png) no-repeat;
  background-size: 100% 100%;
}
.xxBox {
  width: 22.19rem;
  height: 10.38rem;
  background: url(../sjffimg/进度-默认环节下.png) no-repeat;
  background-size: 100% 100%;
}
.xxBoxs {
  background: url(../sjffimg/进度-当前环节.png) no-repeat;
  background-size: 100% 100%;
}
.xxxBox {
  width: 19.69rem;
  height: 10.38rem;
  margin: 0 auto;
  overflow: hidden;
}
.small {
  width: 19.56rem;
  height: 1.88rem;
  background: #ffffff;
  border: 0.06rem dashed #93cbfe;
  border-radius: 0.13rem;
  margin-top: 0.5rem;
  text-align: center;
  line-height: 1.88rem;
  font-size: 0.88rem;
  color: #003e78;
}
.smalls {
  color: #2c8500;
}
.small5 {
  height: 3.38rem;
}
.small5 p {
  margin-top: -0.5rem;
}
.flow {
  width: 117.5rem;
  height: 31.88rem;
  background: #fff;
  margin: 0.94rem auto;
}
.box1,
.box2 {
  width: 115rem;
  height: 12.5rem;
  margin: 0.63rem auto;
  background-image: linear-gradient(90deg, #e8f4ff 0%, #ffffff 100%);
  border-radius: 0.75rem;
  display: flex;
  justify-content: space-between;
}
.box2 {
  margin-top: 1.25rem;
}
.xscz {
  width: 6.25rem;
  height: 6.25rem;
  background: #1492ff;
  border-radius: 3.13rem;
  margin-top: 2.19rem;
  margin-left: 2.25rem;
  overflow: hidden;
}
.xsImg {
  width: 1.56rem;
  height: 1.56rem;
  background: url(../sjffimg/线下操作.png) no-repeat;
  background-size: 100% 100%;
  margin: 1.63rem 2.25rem 0.5rem;
}
.xs {
  background: url(../sjffimg/线上操作.png) no-repeat;
}
.xsdo {
  color: #fff;
  font-size: 0.94rem;
  margin-left: 1.25rem;
}
.si {
  width: 105rem;
  height: 3.75rem;
  margin-top: 1.63rem;
  display: flex;
  justify-content: space-between;
}
.left p {
  color: #1492ff;
  font-size: 0.94rem;
  font-weight: 700;
  margin-top: 0.63rem;
  text-indent: 3.75rem;
}
.kuai {
  width: 24.63rem;
  height: 3.75rem;
  border-radius: 0.63rem;
  text-align: center;
  line-height: 3.75rem;
  font-size: 1rem;
  font-weight: 700;
}
.kuai:nth-child(1) {
  background: #d6e4ff;
  border: 0.06rem solid #597ef7;
  color: #1d39c4;
}
.kuai:nth-child(2) {
  background: #ffe0cc;
  border: 0.06rem solid #ff7a45;
  color: #d4380d;
}
.kuai:nth-child(3) {
  background: #c1eaff;
  border: 0.06rem solid #40a9ff;
  color: #096dd9;
}
.kuai:nth-child(4) {
  background: #d1fff9;
  border: 0.06rem solid #36cfc9;
  color: #08979c;
}
.san {
  width: 105rem;
  height: 3.75rem;
  margin-top: 1.5rem;
  display: flex;
  justify-content: space-between;
}
.block {
  width: 33.44rem;
  height: 3.75rem;
  border-radius: 0.63rem;
  text-align: center;
  line-height: 3.75rem;
  font-size: 1rem;
  font-weight: 700;
}
.block:nth-child(1) {
  background: #fff1b8;
  border: 0.06rem solid #ffc53d;
  color: #c87800;
}
.block:nth-child(2) {
  background: #cee7ff;
  border: 0.06rem solid #59a9f7;
  color: #2871b7;
}
.block:nth-child(3) {
  background: #fefdd1;
  border: 0.06rem solid #dcbc3f;
  color: #c5a11a;
}
.cards {
  width: 105rem;
  height: 8rem;
  margin-top: 1.81rem;
  display: flex;
  justify-content: space-between;
}
.card {
  width: 15.94rem;
  height: 8rem;
  box-shadow: 0rem 0.13rem 0.63rem 0rem rgba(0, 62, 120, 0.17);
  border-radius: 0.63rem;
}
.card:nth-child(1) {
  background: url(../sjffimg/线上操作01.png) no-repeat;
  background-size: 100% 100%;
}
.card:nth-child(2) {
  background: url(../sjffimg/线上操作02.png) no-repeat;
  background-size: 100% 100%;
}
.card:nth-child(3) {
  background: url(../sjffimg/线上操作03.png) no-repeat;
  background-size: 100% 100%;
}
.card:nth-child(4) {
  background: url(../sjffimg/线上操作04.png) no-repeat;
  background-size: 100% 100%;
}
.card:nth-child(5) {
  background: url(../sjffimg/线上操作05.png) no-repeat;
  background-size: 100% 100%;
}
.card:nth-child(6) {
  background: url(../sjffimg/线上操作06.png) no-repeat;
  background-size: 100% 100%;
}
.card p {
  margin-top: 4.38rem;
  font-size: 1.13rem;
  color: #fff;
  text-align: center;
}
.boult {
  width: 2.5rem;
  height: 2.5rem;
  margin-left: 15.63rem;
  margin-top: -3.13rem;
  background: url(../sjffimg/箭头.png) no-repeat;
  background-size: 100% 100%;
}
.dk {
  width: 117.5rem;
  height: 25.63rem;
  background: #ffffff;
  margin: 0 auto;
}
.hh {
  width: 115rem;
  height: 20.69rem;
  margin: 0.63rem auto;
  display: flex;
  justify-content: space-between;
}
.zuo {
  width: 85rem;
  background: url(../sjffimg/架构图.png) no-repeat;
  background-size: 100% 100%;
}
.you {
  margin-left: 3.13rem;
}
.gjqk {
  width: 27.19rem;
  height: 2.88rem;
  line-height: 2.88rem;
  background: url(../sjffimg/考核进度-数字bg.png) no-repeat;
  background-size: 100% 100%;
  border-radius: 0.13rem;
  font-size: 1.13rem;
  color: #333333;
  text-align: center;
}
.renwu {
  width: 27.19rem;
  height: 17.19rem;
  margin-top: 1.56rem;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.square {
  width: 13.13rem;
  height: 7.38rem;
  background-image: linear-gradient(206deg, #ffffff 32%, #edf7ff 100%);
  border: 0.06rem solid #e5e5e5;
  border-radius: 0.13rem;
  display: flex;
  justify-content: space-between;
}
.lvImg {
  width: 3.5rem;
  height: 3.5rem;
  margin-top: 1.75rem;
  margin-left: 1.5rem;
}
.lvImg1 {
  background: url(../sjffimg/二级.png) no-repeat;
  background-size: 100% 100%;
}
.lvImg2 {
  background: url(../sjffimg/三级.png) no-repeat;
  background-size: 100% 100%;
}
.lvImg3 {
  background: url(../sjffimg/四级.png) no-repeat;
  background-size: 100% 100%;
}
.lvImg4 {
  background: url(../sjffimg/协同部门.png) no-repeat;
  background-size: 100% 100%;
}
.yy {
  width: 9.63rem;
  height: 3.5rem;
  margin-top: 1.63rem;
  margin-left: 0.94rem;
}
.yy p {
  margin-bottom: 0.25rem;
  font-size: 1rem;
}
.pro {
  display: flex;
}
.yy .nn {
  background: none;
  font-size: 1.75rem;
  color: #333333;
  font-weight: 600;
}
.yy .yi {
  font-size: 0.88rem;
  color: #999999;
  margin-top: 0.63rem;
}
.apply {
  width: 117.5rem;
  height: 23.94rem;
  background: #ffffff;
  margin: 0.94rem auto;
}
.grade {
  width: 117.5rem;
  height: 19.94rem;
  background: #fff;
  margin: 1.25rem auto;
  display: flex;
  justify-content: space-between;
}
.sjff {
  width: 27.13rem;
  height: 17.69rem;
  margin-left: 1.25rem;
}
.tt {
  width: 100%;
  height: 2.63rem;
  background: url(../sjffimg/实际赋分bt.png) no-repeat;
  background-size: 100% 100%;
  text-align: center;
  line-height: 2.63rem;
  font-size: 1.13rem;
  color: #333333;
  font-weight: 600;
}
.jia {
  width: 2.13rem;
  height: 2.13rem;
  background: url(../sjffimg/加号.png) no-repeat;
  background-size: 100% 100%;
  margin-top: 3.13rem;
}
.work {
  width: 20.63rem;
  height: 9.38rem;
  margin: 3.13rem auto;
  display: flex;
  justify-content: space-between;
}
.sjBox {
  width: 6.88rem;
}
.sjBox p {
  font-size: 1.06rem;
  color: #333333;
  letter-spacing: 0;
  text-align: center;
  font-weight: 500;
  text-indent: 0.38rem;
}
.sjffImg {
  width: 7.56rem;
  height: 7.5rem;
  background: url(../sjffimg/实际赋分.png) no-repeat;
  background-size: 100% 100%;
  text-align: center;
  line-height: 6.19rem;
}
.sjffImg span {
  font-size: 1.25rem;
  color: #ffffff;
  letter-spacing: 0;
  font-weight: 500;
}
.sxpj {
  width: 35.69rem;
  height: 17.69rem;
}
.sxpjImg {
  width: 35.69rem;
  height: 15.06rem;
  background: url(../sjffimg/双向评价.png) no-repeat;
  background-size: 100% 100%;
}
.fxkf {
  width: 41.25rem;
  height: 17.69rem;
}
.fxkfImg {
  width: 40rem;
  height: 20rem;
  margin-top: -1.38rem;
  background: url(../sjffimg/反向扣分.png) no-repeat;
  background-size: 100% 100%;
}
.yycx {
  width: 117.5rem;
  height: 26.13rem;
  background: #fff;
  margin: 0 auto;
}
.last {
  width: 115rem;
  height: 22.88rem;
  margin: 0.63rem auto;
  display: flex;
  justify-content: space-between;
}
.option {
  width: 27.5rem;
  height: 19.63rem;
  line-height: 19.63rem;
  background: #fbfbfb;
  border: 0.06rem solid #e2e2e2;
  border-radius: 0.25rem;
  margin-top: 1.88rem;
}
.ttt {
  width: 11.63rem;
  height: 2.38rem;
  border-radius: 0.25rem;
  background: url(../sjffimg/应用程序小标题.png) no-repeat;
  background-size: 100% 100%;
  font-size: 1.13rem;
  color: #ffffff;
  text-align: center;
  font-weight: 500;
  line-height: 2.38rem;
  margin-top: -1.25rem;
  margin-left: 7.5rem;
}
.up {
  width: 27.5rem;
  display: flex;
  margin-bottom: 0.94rem;
}
.relevance {
  width: 2rem;
  height: 4.38rem;
  background: url(../sjffimg/关联箭头.png) no-repeat;
  background-size: 100% 100%;
  margin-top: 2.06rem;
  margin-left: 0.8rem;
}
.textBig {
  width: 23.8rem;
  height: 7.63rem;
}
.zi {
  width: 23.8rem;
  height: 3.5rem;
  line-height: 3.5rem;
  font-size: 0.89rem;
  letter-spacing: 0;
  color: #333333;
  background-image: linear-gradient(
    92deg,
    rgba(229, 241, 251, 0.9) 0%,
    #fff 100%
  );
  border-radius: 0.31rem;
}
.texts {
  text-indent: 1em;
  margin-top: 0.5rem;
  margin-left: -0.04rem;
}
.textss {
  display: flex;
}
.texts1 p {
  text-indent: 1em;
}
.texts1 {
  width: 25.25rem;
  margin-top: 0.63rem;
}
.texts2 {
  width: 25.25rem;
  height: 7.15rem;
  margin-top: 0.63rem;
}
.texts2 p {
  width: 25.25rem;
  height: 6.06rem;
  margin-left: 0.75rem;
  line-height: 1.38rem;
  vertical-align: middle;
  margin-top: 1rem;
}
.cons {
  width: 25.63rem;
  height: 17.25rem;
  margin: 0.63rem auto;
}
.number {
  width: 1.5rem;
  height: 1.5rem;
  background: url(../sjffimg/序号1.png) no-repeat;
  background-size: 100% 100%;
  margin-left: 0.63rem;
  margin-top: 1.06rem;
}
.number2 {
  width: 1.5rem;
  height: 1.5rem;
  background: url(../sjffimg/序号2.png) no-repeat;
  background-size: 100% 100%;
  margin-left: 0.63rem;
  margin-top: 1.06rem;
}
.number3 {
  width: 1.5rem;
  height: 1.5rem;
  background: url(../sjffimg/序号3.png) no-repeat;
  background-size: 100% 100%;
  margin-left: 0.63rem;
  margin-top: 1.06rem;
}
.t1 {
  width: 25.19rem;
  height: 3.63rem;
  background-image: linear-gradient(
    92deg,
    rgba(229, 241, 251, 0.9) 0%,
    #fff 100%
  );
  border-radius: 0.31rem;
  margin-top: 0.63rem;
}
.tabImg {
  width: 4.38rem;
  height: 2.88rem;
  background: url(../sjffimg/变革未来-标签.png) no-repeat;
  background-size: 100% 100%;
  font-size: 0.88rem;
  color: #1492ff;
  line-height: 2.88rem;
  font-weight: 500;
  text-align: center;
}
.t1 p {
  line-height: 0rem;
  font-size: 0.89rem;
  color: #333333;
  letter-spacing: 0;
  font-weight: 500;
  text-indent: 1em;
}
